<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./lib/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>

    <!-- 总体部分 -->
    <div class="view">

        <!-- header 部分 -->
        <header>
            <a href="javascript:;">
                <i class="fa fa-angle-left "></i>
            </a>
            <h3>优惠卷</h3>
            <a href="javascript:;"></a>
        </header>

        <!-- 优惠卷部分 -->
        <div class="content">
            <!-- 劵存放部分 -->
            <div class="content-pic">

               <!-- 占个坑 -->
             
            </div>
            <!--导航阶段 -->
            <div class="content-nav">
                <a href="javascript:;">首页 ></a>
                <a href="javascript:;">优惠券</a>
            </div>
        </div>

         <!-- footer -->   
         <footer>
            <!-- 底部top -->
            <div class="footer-top">
                <a href="javascript:;">
                    登录
                </a>
                <a href="javascript:;">
                    注册
                </a>
                <a href="javascript:;">
                    <i class="fa fa-arrow-up"></i>
                    返回顶部
                </a>
            </div>
            <!-- 底部 bottom -->
            <div class="footer-bottom">
                <div class="bottom-t">
                        <a href="javascript:;">手机APP下载</a>
                        <span>慢慢买手机版</span>
                        <span>--掌上比价平台</span>
                </div>
                <a href="javascript:;">m.mmanmanbuy.com</a>
            </div>

         </footer>
    </div>
</body>
<!-- 引入jquery -->
<script src="./lib/jquery/jquery-1.12.2.min.js"></script>
<!-- 引入模版工具 -->
<script src="./lib/arttemplate4.0/template-web.js"></script>
<!-- 引入index js -->
<script src="./js/index.js"></script>

<!-- 模版 -->
<script type="text/template" id="content-pic-Tmp">
    {{each data val}}

         <a href="./details.html?couponid={{val.couponId}}">
                  
            <img src="{{val.couponImg}}" alt="">
           
            <p>{{val.couponTitle}}</p>
        </a>
    {{/each}}
</script>
</html>